$(function () {
   // 获取分类数据 并渲染
    gitCate()
    function gitCate() {
   //发送ajax请求
        $.ajax({
            type: 'get',
            url: '/my/article/cates',
            success(res) {
                // console.log(res);
                if(res.status !== 0) {
                    return layui.layer.msg(res.message , {icon : 5})
                }
               //调用模板引擎函数
                var htmlStr = template('tpl-list', res)
                // console.log(htmlStr);
                //渲染页面
                $('tbody').html(htmlStr)
            }
        })
    }
     //添加分类
    var indexAdd = null 
    $('#btnAddCate').on('click', function () {
      indexAdd=  layui.layer.open({
            type: 1,
            title: '添加分类',
            area: ['500px', '300px'],
            //把表单内容添加到模态框
            content : $('#dialog-add').html()
            
      })
    })
    // 给表单注册事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault() 
        // console.log(11);
        //获取文章数据
        var data = $(this).serialize()
        // console.log(data);
        //发送ajax请求
        $.ajax({
            type: 'post',
            url: '/my/article/addcates',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message , {icon : 5})
                }
                layui.layer.msg(res.message, { icon: 6 })
                //关闭模态框
                layui.layer.close(indexAdd)
                //渲染页面
                gitCate()
            }
        })
        
    })

    //点击编辑分类除莫太框
    $('tbody').on('click', '.btn-edit', function () {
        // console.log(11);
     //弹出模态框
      indexAdd =  layui.layer.open({
            type : 1,
            title: '编辑分类',
            area: ['500px', '300px'],
            content : $('#dialog-edit').html()
        })
       //获取到分类的id值
        var id = $(this).attr('data-id')
        // console.log(id);
        //发送ajax请求
        $.ajax({
            type: 'get',
            url: '/my/article/cates/' + id,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message , {icon : 5})
                }
                //渲染到表单
                 layui.form.val('form-edit' , res.data)
            }
        })
    })

    //编辑分类
    $('body').on('submit', '#form-edit', function (e) {
        //阻止默认行为
        e.preventDefault()
        // console.log(11);
        var data = $(this).serialize()
        // console.log(data);
        //发送请求
        $.ajax({
            type: 'post',
            url: '/my/article/updatecate',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message , {icon : 5})
                }
                layui.layer.msg(res.message, { icon: 6 })
                //关闭模态框
                layui.layer.close(indexAdd)
                     // 重新渲染
                gitCate()
            }
        })
    })

    //删除分类
    $('tbody').on('click', '.btn-delete', function () {
        //获取到id
        var id = $(this).attr('data-id')
        layui.layer.confirm('确定要删除此分类吗？', {
            icon: 3, title: '提示',
        }, function (index) {
            $.ajax({
                type: 'get',
                url: '/my/article/deletecate/' + id,
                success(res) {
                    console.log(res);
                    if (res.status !== 0) {
                        return layui.layer.msg(res.message , {icon : 5})
                    }
                    layui.layer.msg(res.message, { icon: 6 })
                    //重新渲染
                 
                    gitCate()
                }
            })
            })
       
        
     
    })
    
    
})